<div class="home-container">
  <!--上下布局-->
  <div class="home-box">
    <!--左右布局-->
    <div class="home-flex">
      <!--导航栏-->
      <!--捕获子组件传递过来的参数-->
      <app-nav-bar (indexContents)="changeContent($event)"></app-nav-bar>
      <!--<div style="height:100%;width: 100%;box-sizing: border-box;padding: 40px 0 0 0;">&lt;!&ndash;主要内容&ndash;&gt;
        <div style="height:40px;width: 100%;background: red;margin: -40px 0 0 0;">
          <router-outlet></router-outlet>
        </div>
        <div style="height:100%;width: 100%;background: #6c7e97;z-index: 20">

        </div>
      </div>-->
      <!--主内容区-->
      <div class="home-container">
        <app-news-content [index]="indexContent"></app-news-content>
      </div>
    </div>
    <!--页脚-->
    <app-footer></app-footer>
  </div>
</div>
